<template>
<div>

<el-container>
	<el-header style="height:61px; border-bottom: 1px solid #dcdfe6;">
		<header1></header1>
	</el-header>
	<el-container>
		<el-aside width="200px" >
			<menu1></menu1>
		</el-aside>
		<el-main>
			<router-view ></router-view>
		</el-main>
	</el-container>
</el-container>

</div>
</template>

<script>

import header1 from '@/components/header'
import menu1 from '@/components/menu'
import { mapGetters } from 'vuex'

export default {
	
	name : 'index',
	
	data () {
		return {
		  	offsetheight : document.documentElement.clientHeight - 60,    //获取当前页面的高度
			offsetwidth:document.documentElement.clientWidth,  
		}
	},

	props : {

	},

	components : {
		header1,
		menu1,
	},

	computed : {
		...mapGetters([
			'systemList', 
			'pageInfo',
		]),
	},

	methods : {
		
	},

	watch : {
	    
	},

	mounted () {
		this.$store.dispatch('getMenuList');
		this.$store.commit('setPageInfo');
	},

}
</script>

<style scoped>

</style>
